@import "tailwindcss";
@config "../../tailwind.config.ts";

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  scrollbar-width: none;
}

@keyframes progress {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.animate-progress {
  animation: progress 2s ease-in-out infinite;
}

@keyframes slide-in-bottom {
  0% {
    transform: translateY(100%); /* 初始位置在底部外部 */
    opacity: 0; /* 透明 */
  }
  100% {
    transform: translateY(0); /* 最终位置在原位置 */
    opacity: 1; /* 完全可见 */
  }
}

.slide-in-bottom {
  animation: slide-in-bottom 0.5s ease-in-out forwards; /* 应用动画 */
}

/* 在 globals.css 中添加 */
.katex {
  font-size: 1.1em !important;
  padding: 0 0.2em !important;
}

.katex-display {
  margin: 0.8em 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
}

/* 在全局 CSS 中添加 */
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
  font-family: "Fira Code", Menlo, Monaco, Consolas, monospace; /* 使用等宽字体 */
  letter-spacing: -0.05em; /* 紧凑字距 */
}

pre {
  font-size: 14px;
  position: relative;
  background: #1f2937;
  border-radius: 0.5rem;
  margin: 1rem 0;
  padding: 1rem;
}

/* 控制行内代码 */
code:not(pre code) {
  font-size: 14px;
  background: #f3f4f6;
  padding: 0.2em 0.4em;
  border-radius: 0.25em;
}

/* 覆盖 highlight.js 样式 */
.hljs {
  background: #2d2d2d !important; /* 代码块背景色 */
  color: #d3d3d3 !important; /* 默认文本颜色 */
  font-size: 14px; /* 字体大小 */
  border-radius: 8px; /* 圆角 */
  padding: 1.2rem !important;
}

/* 语法元素颜色控制 */
.hljs-keyword {
  color: #569cd6 !important;
} /* 关键字 (if/else/return) */
.hljs-title {
  color: #4ec9b0 !important;
} /* 类名/函数名 */
.hljs-string {
  color: #ce9178 !important;
} /* 字符串 */
.hljs-comment {
  color: #6a9955 !important;
} /* 注释 */
.hljs-number {
  color: #b5cea8 !important;
} /* 数字 */
.hljs-built_in {
  color: #c586c0 !important;
} /* 内置函数 */
